const path = require('path')
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
    entry:'./src/main.js',
    output:{
        path: path.join(__dirname,'dist'),
        filename: 'build.js'
    },
    module:{
        rules:[
            {
                test:/\.vue$/,
                loader:['vue-loader']
            }
        ]
    },
    resolve:{ // resolve: 解决
        // 配置后缀名简写 导入的时候可以省略后缀名 import './a.vue' => import 'a'
        extensions:['.js','.vue','.css'],
        alias:{ // alias（别名）
            // 默认导入的是  vue/dist/vue.runtime.js
            // 用处 当导入vue的时候(import Vue from 'vue') 的时候  相当于导入 'vue/dist/vue.esm.js'  esm=>ESModule
            'vue$':'vue/dist/vue.esm.js'  
        }  
    },
    plugins: [
        // 请确保引入这个插件！
        new VueLoaderPlugin()
      ]
}